<template>
	<view class="comment-pages">
		<!-- 导航栏 -->
		<view
			class="navbar"
			style="height: 44px"
		>
			<u-navbar
				title="我的评论"
				@rightClick="rightClick"
				:autoBack="true"
				:border="true"
			></u-navbar>
		</view>
		<!-- 评论组件 -->
		<view class="comment-list">
			<commentVue
				v-for="(comment, index) in 30"
				:key="index"
			/>
		</view>
	</view>
</template>

<script>
import commentVue from '../../components/comment/comment.vue';

export default {
	data() {
		return {
			cardList: [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
		};
	},
	components: {
		commentVue
	},
	methods: {
		rightClick() {
			console.log('rightClick');
		},
		leftClick() {
			console.log('leftClick');
		}
	}
};
</script>

<style>
.comment-pages {
	width: 750rpx;
}
.comment-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30rpx;
}
</style>
